<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Navigation</title>
</head>

<body>
  <nav>
    <h1>Navigation</h1>
    <p>You are on my home page. To he north lies <a href="/blog">myblog</a>，from whence the sounds of battle can be
      heard.
      To the east you can see a large mountain, upon which many <a href="/school">school papers</a>are littered. Far up
      thus mountain you can spy a little figure who appears to be me, desperately scribbling a <a
        href="/scholl/thesis">thesis</a>.</p>
    <p>To the west are several exits. One fun-looking exit is labeled <a href="https://games.example.com/">"games"</a>.
      Another more boring-looking exit is labeled <a href="https://isp.example.net/">ISP</a>.</p>
    <p>To the south lies a dark and dank <a href="/about">contacts page</a>. Cobwebs cover its disused entrance, and at
      one point you see a rat run quickly out of the page.</p>
  </nav>
</body>

</html>